<template>
  <div class="demo">
    <Hello  :xuexiao="school"/>
  </div>
</template>
<!--
 关于ref的使用.
  1.给一般html标签打ref最终通过this.$refs获取到的是 真实的dom节点
  2.给一般组件标签打ref最终通过this.$refs获取到的是 该组件的实例对象--vc
-->

<script>
import Hello from "./components/Hello";
export default {
  data() {
    return {
      school: '高中1'
    }
  },
  mounted() {
    console.log(this)
  },
  components:{Hello}
}
</script >
<style>
.demo{
  background: #bfa;
  padding: 10px;
}
</style>

